// 引入jq的接口
$(function () {
    // 给登录按钮添加点击事件
    $('#login').on('click', function (e) {
        // 1.由于在form当中的input，类型为submit，默认整个网页会进行刷新，并提交数据
        // 解决的方法有三种
        // 1.1.删除form表单
        // 1.2修改input的类型为button
        // 1.3在js当中添加e.preventdefaul,默认阻止事件 ajax(局部刷新)
        e.preventDefault()
        // 2.获取用户输入账号以及密码的数据
        let username = $('#username').val().trim()
        let password = $('#password').val().trim()

         
        //   3.异步
        $.post('http://localhost:8080/api/v1/admin/user/login', { username, password }, function (res) {
            console.log(res)
            // 如果登录成功是200
            if (res.code === 200) {
                // 验证成功后,会返回一个登录凭证 token
                // 通过永久存储将t5oken保存起来,做页面的跳转
                localStorage.setItem('token', res.token)
                //  通过location进行页面的跳转
                location.assign('index.html')
            } else {
                alert("密码输入错误")
            }
        })
    })
})